{include file="public/head" /}
<!--loading页开始-->
<div class="loading">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
	<body>		
		<!--header star-->
		<header class="mui-bar mui-bar-nav" id="header">
			<a class="btn slide-menu" href="#">
	            <i class="iconfont icon-iconfontcaidan"></i>
	        </a>
	        <div class="top-sch-box flex-col">
	            <div class="centerflex">
	                <i class="fdj iconfont icon-sousuo"></i>
	                <input type="text" name="" id="" value="" class="sch-txt" placeholder="输入您要搜索的商品" />
	            </div>
	        </div>
	        <a class="btn" href="#">
	            <i class="iconfont icon-erweima"></i>
	        </a>
	    </header>
	    <!--header end-->
	    
	    <!-- 侧边导航 -->
		<div class="slide-mask"></div>
		<aside class="slide-wrapper">
			<div>
				<ul>
					{volist name="category" id="vol"}
				  	<li><a href="{:url('categoryGood')}?category_id={$vol.category_id}">{$vol.category_name}</a></li>
					{/volist}
					 
				</ul>
			</div>
		</aside>
	    
		<div id="main" class="clearfloat warp">			
		    <div class="mui-content">
				<!--banner开始-->
				<div class="banner swiper-container">
		            <div class="swiper-wrapper">
		                <div class="swiper-slide"><a href="{:url('shop/shopgoodlist')}?shop_id=3"><img class="swiper-lazy" data-src="/shop/upload/1.jpg" alt="" style="height:160px"></a></div>
		                <div class="swiper-slide"><a href="{:url('shop/shopgoodlist')}?shop_id=3"><img class="swiper-lazy" data-src="/shop/upload/1.jpg" alt="" style="height:160px"></a></div>
		                <div class="swiper-slide"><a href="{:url('shop/shopgoodlist')}?shop_id=3"><img class="swiper-lazy" data-src="/shop/upload/1.jpg" alt="" style="height:160px"></a></div>
		                <div class="swiper-slide"><a href="{:url('shop/shopgoodlist')}?shop_id=3"><img class="swiper-lazy" data-src="/shop/upload/1.jpg" alt="" style="height:160px"></a></div>
		            </div>
		        </div>
		        <!--banner结束-->
		        <!--第一栏分类开始-->
		        <div class="cation clearfloat box-s">
		        	<ul>
		        		<li>
		        			<a href="#" onclick="alert('暂未开放')">
		        				<img src="static/shop/img/icon1.png"/>
		        				<p>番茄团购</p>
		        			</a>
		        		</li>
		        		<li>
		        			<a href="{:url('shop/shoplist')}">
		        				<img src="static/shop/img/icon2.png"/>
		        				<p>番茄商家</p>
		        			</a>
		        		</li>
		        		<li>
		        			<a href="#">
		        				<img src="static/shop/img/icon3.png"/>
		        				<p>猜你喜欢</p>
		        			</a>
		        		</li>
		        		<li>
		        			<a href="#">
		        				<img src="static/shop/img/icon4.png"/>
		        				<p>热门商品</p>
		        			</a>
		        		</li>
		        	</ul>
		        </div>
		        <!--第一栏分类结束-->
		        <!--滚动公告开始-->
		        <div class="notice clearfloat box-s">
		        	<p class="tit clearfloat fl">番茄公告：</p>
		        	<div class="left fl clearfloat box-s">
						<div class="slider autoplay">
							<div>西溪海小区上线番茄积分活动</div>
							<div>庭院深深小区上线番茄积分活动</div>
							<div>竹海水韵小区上线番茄积分活动</div>
							<div>闲林山水小区上线番茄积分活动</div>
							<div>英特学府小区上线番茄积分活动</div>
							<div>白云深处小区上线番茄积分活动</div>
						</div>							
					</div>		
					<a href="#" class="nmore clearfloat fr">更多</a>
		        </div>
		        <!--滚动公告结束-->
		        
		        
		        
		        <!--like star-->
		        {volist name="categoryshow" id="vol"}
		        <div class="like clearfloat box-s">
		        	<div class="boutit clearfloat">
		        		<span></span>
		        		<samp>{$vol.category_name}</samp>
		        	</div>
		        	<div class="content clearfloat">
		        		{volist name="$vol['goodlist']" id="vo" }
		        		<div class="list clearfloat fl">
		        			<a href="{:url('shop/shopgoodlist')}?shop_id={$vo.shop_id}">
			        			<div class="tu clearfloat">
			        				<img src="/shop/upload/{$vo.picture}"/>
			        			</div>
			        			<div class="bottom clearfloat box-s">
			        				<p class="over" style="text-align: center">{$vo.goods_name}</p>
			        				<p style="text-align: center"><span><s>¥{$vo.price}</s></span></p>
			        				<p style="text-align: center"><span>¥{$vo.salesprice}</span></p>
			        			</div>
		        			</a>
		        		</div>
		        		{/volist}
		        	</div>
		        </div>
		        {/volist}
		        
		        <!--like end-->
	        </div>
		</div>
		<!--footer star-->
		{include file="public/bottom" /}
		<!--footer end-->
		
		<!--新闻资讯滚动-->
		<script type="text/javascript">
			$('.autoplay').slick({
			  slidesToShow: 1,
			  slidesToScroll: 1,
			  autoplay: true,
			  autoplaySpeed: 2000,
			});
		</script>
		
	</body>

</html>